<form nz-col nzSpan="12" nzOffset="5" nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="_submitForm($event,validateForm)">
    <div nz-form-item>
        <div nz-form-control>
            <nz-input formControlName="username" [nzPlaceHolder]="'Username'" [nzSize]="'large'">
                <ng-template #prefix>
                    <i class="anticon anticon-user"></i>
                </ng-template>
            </nz-input>
            <div nz-form-explain *ngIf="validateForm.controls.username.dirty&&validateForm.controls.username.hasError('required')">Please input your username!
            </div>
            <div nz-form-explain *ngIf="validateForm.controls.username.dirty&&validateForm.controls.username.hasError('userNotExits')">
                用户名或密码错误
            </div>
        </div>
    </div>
    <div nz-form-item>
        <div nz-form-control>
            <nz-input formControlName="password" [nzType]="'password'" [nzPlaceHolder]="'Password'" [nzSize]="'large'">
                <ng-template #prefix>
                    <i class="anticon anticon-lock"></i>
                </ng-template>
            </nz-input>
            <div nz-form-explain *ngIf="validateForm.controls.password.dirty&&validateForm.controls.password.hasError('required')">Please input your Password!
            </div>
        </div>
    </div>
    <div nz-form-item>
        <div nz-form-control>
            <label nz-checkbox formControlName="remember">
                <span>Remember me</span>
            </label>
            <a class="login-form-forgot" class="login-form-forgot">Forgot password</a>
            <button [disabled]="!validateForm.valid" nz-button class="login-form-button" [nzType]="'primary'" [nzSize]="'large'">Log in</button>
            Or
            <a href="javascript:;" routerLink="../register">register now!</a>
        </div>
    </div>
</form>
